<style>
.guide-main {
    width: 100%;
    height: 20rem;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    border-radius: 3px;
    color: #fff;
    background:url('../core/resource/images/guide-groups.jpg') no-repeat 50%;
	background-size: cover;
}
.guide-main .guide-info .guide-btn{
    position: absolute;
    bottom: 1.2rem;
	height:1rem;
}
.guide-main .guide-info .radio-inline {font-size:0.65rem;color:#fff;margin-left:0;margin-right:0.3rem}
.guide-main .guide-info .guide-group{
	width: 100%;height:11rem;padding-left:0.5rem;overflow-y:scroll
}
</style>
<div ng-if="'{tpltype}'=='1' && pagedata.noshowguide !=1" ng-init="get_data(pagedata,'intypes',{plugin:'core',action:'account.welcome',op:'getintype'})" class="modal in fade" tabindex="-1" style="background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; z-index:99999;display:block">
    <div class="modal-dialog" style="width:90%;top:50%">
        <div class="modal-content">
				<div class="modal-body guide-main" style="padding:10px;">
					<div class="guide-info" ng-if="pagedata.isselect !=1">
						<h4 class="bold" style="font-size:0.8rem;">欢迎光临《{{main.name}}》</h4>
						<ul style="list-style: none;font-size:0.6rem;">
							<li>选择您站点所属的行业</li>
							<li>我们为您量身定做了多行业，多使用场景的WEB</li>
						</ul>
						<h5 style="margin-top:1rem;margin-bottom:0.2rem">* 您期待搭建的站点是：</h5>
						<div class="guide-group">
							<div class="radio radio-inline" style="width:100%" ng-repeat="(key,value) in pagedata.intypes.list">
								<label>
									<input type="radio" value="{{key}}" ng-model="pagedata.intype" />{{value.title}}
								</label>
							</div>
						</div>
						<div class="guide-btn">
							<div ng-click="pagedata.noshowguide =1" class="jylabel jylabel-white" style="font-size:0.7rem;cursor: pointer;padding:0.3rem 0.8rem">随便看看</div>
							<div ng-click="pagedata.guidenext();" class="jylabel jylabel-white active" style="font-size:0.7rem;cursor: pointer;padding:0.3rem 0.8rem">下一步</div>
						</div>
					</div>
					<div class="guide-info" ng-if="pagedata.isselect ==1">
						<h4 class="bold" style="font-size:0.8rem;">您选择了：《{{pagedata.intypes.list[pagedata.intype].title}}》</h4>
						<ul style="list-style: none;font-size:0.6rem;">
							<li>请选择该行业下的使用场景套餐</li>
							<li>我们为您量身定做了多种不同使用场景的WEB套餐</li>
						</ul>
						<h5 style="margin-top:1rem;margin-bottom:0.2rem">* 您期待的使用场景套餐是：</h5>
						<div class="guide-group">
							<div class="radio radio-inline" style="width:100%" ng-repeat="(key,value) in pagedata.intypes.list[pagedata.intype].groups">
								<label>
									<input type="radio" value="{{value.id}}" ng-model="pagedata.groupid" />{{value.title}}
								</label>
							</div>
							<div class="content-empty" style="margin-top:1rem" ng-if="!pagedata.intypes.list[pagedata.intype].groups || pagedata.intypes.list[pagedata.intype].groups.length == 0 ">
								  <i class="fa fa-frown-o" style="margin-left:-5rem;font-size: 35px;color: #f2f2f2;"></i>
								  <p style="color: #f2f2f2;text-align:left">该行业暂时没有场景套餐！</p>
							</div>
						</div>
						<div class="guide-btn">
							<div ng-click="pagedata.noshowguide =1" class="jylabel jylabel-white" style="font-size:0.7rem;cursor: pointer;padding:0.3rem 0.8rem">随便看看</div>
							<div ng-click="pagedata.isselect=0" class="jylabel jylabel-white" style="font-size:0.7rem;cursor: pointer;padding:0.3rem 0.8rem">上一步</div>
							<div ng-click="pagedata.guidepost()" class="jylabel jylabel-white active" style="font-size:0.7rem;cursor: pointer;padding:0.3rem 0.8rem">确定</div>
						</div>
					</div>
				</div>
        </div>
    </div>
</div>
<div ng-if="'{tpltype}'=='2' && pagedata.noshowguide !=1" ng-init="get_data(pagedata,'intypes',{plugin:'core',action:'account.welcome',op:'getintype'})" class="modal in fade" tabindex="-1" style="background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; z-index:99999;display:block">
    <div class="modal-dialog" style="width:{{modaldata.width || '920px'}};">
        <div class="modal-content">
				<div class="modal-body guide-main" style="padding:10px;">
					<div class="guide-info" ng-if="pagedata.isselect !=1">
						<h2>尊敬的站长：帮《pagedata.site.title》站点绑定个套餐吧</h2>
						<ul style="list-style: none;font-size:15px;">
							<li>选择该站点所属的行业</li>
							<li>我们为您量身定做了多行业，多使用场景的WEB</li>
						</ul>
						<div class="guide-group">
							<h4>* 您期待搭建的站点是：</h4>
							<div class="radio radio-inline" ng-repeat="(key,value) in pagedata.intypes.list">
								<label>
									<input type="radio" value="{{key}}" ng-model="pagedata.intype" ng-disabled="{read}" />{{value.title}}
								</label>
							</div>
						</div>
						<div class="guide-btn">
							<div ng-click="pagedata.noshowguide =1" class="jylabel jylabel-white" style="font-size:15px;cursor: pointer;padding:8px 15px">随便看看</div>
							<div ng-click="pagedata.guidenext();" class="jylabel jylabel-white active" style="font-size:15px;cursor: pointer;padding:8px 15px">下一步</div>
						</div>
					</div>
					<div class="guide-info" ng-if="pagedata.isselect ==1">
						<h2>您选择了：《{{pagedata.intypes.list[pagedata.intype].title}}》</h2>
						<ul style="list-style: none;font-size:15px;">
							<li>请选择该行业下的使用场景套餐</li>
							<li>我们为您量身定做了多种不同使用场景的WEB套餐</li>
						</ul>
						<div class="guide-group">
							<h4>* 您期待的使用场景套餐是：</h4>
							<div class="radio radio-inline" ng-repeat="(key,value) in pagedata.intypes.list[pagedata.intype].groups">
								<label>
									<input type="radio" value="{{value.id}}" ng-model="pagedata.groupid" ng-disabled="{read}" />{{value.title}}
								</label>
							</div>
							<div class="content-empty" ng-if="!pagedata.intypes.list[pagedata.intype].groups || pagedata.intypes.list[pagedata.intype].groups.length == 0 ">
								  <p style="color: #f2f2f2;text-align:left"><i class="fa fa-frown-o" style="font-size: 15px;color: #f2f2f2;"></i>该行业暂时没有场景套餐！</p>
							</div>
						</div>
						<div class="guide-btn">
							<div ng-click="pagedata.noshowguide =1" class="jylabel jylabel-white" style="font-size:15px;cursor: pointer;padding:8px 15px">随便看看</div>
							<div ng-click="pagedata.isselect=0" class="jylabel jylabel-white" style="font-size:15px;cursor: pointer;padding:8px 15px">上一步</div>
							<div ng-click="pagedata.guidepost(2)" class="jylabel jylabel-white active" style="font-size:15px;cursor: pointer;padding:8px 15px">确定</div>
						</div>
					</div>
				</div>
        </div>
    </div>
</div>
<script>
scope.pagedata.intype=0;
scope.pagedata.groupid=0;
scope.pagedata.guidenext=function(){
	if(scope.pagedata.intype ==0){
		scope.message('请选择行业','error');
	}else{
		scope.pagedata.isselect=1
		scope.$evalAsync();
	}
}
scope.pagedata.guidepost=function(e){
	if(scope.pagedata.groupid ==0){
		scope.message('请选择使用场景套餐','error');
	}else{
		if(e){
			scope.post_json('/account.list/perm/',{});
		}else{
			scope.access_json('/account.siteinfo/detail/id='+scope.pagedata.groupid);
		}
		
	}
}
</script>